﻿<!doctype html>
<html>

	<head>
		<meta name="viewport" id="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1, initial-scale=1.0,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
		<meta name="format-detection" content="telephone=yes" />
		<meta name="msapplication-tap-highlight" content="no" />
		<meta charset="utf-8">
		<title>首页</title>
		<link href="css/css.css?v=1211" rel="stylesheet" type="text/css">
		<link href="css/iconfont.css" rel="stylesheet" type="text/css">
	</head>

	<body style="background: #FFFFFF;">
		<!----------------头部定位---------------------------->
		<div class="header">
			<span class="headleft" style="width:15%">
            <span class="back"><i class="iconfont icon-jiantou"></i></span>
			</span>
			<span class="tbbiaoti" style="width:70%">
        	<div class="search" id="searchdiv">
                <p><input id="searchinput" readonly="readonly" type="text" placeholder="篮球鞋" class="sskuang"></p>
            </div></span>
			<span class="headright" style="width:15%">
            <span class="xiaox headright-tb"><i class="iconfont icon-sousuo"></i></span>
			</span>
		</div>
		<!----------------内容开始---------------------------->
		<div class="main bgbai">
			<div class="flleftdw">
				<ul class="fldh">
					<li class="mbbottom active">热门推荐</li>
					<li class="mbbottom">服装鞋靴</li>
					<li class="mbbottom">箱包饰品</li>
					<li class="mbbottom">运动户外</li>
					<li class="mbbottom">休闲时尚</li>
					<li class="mbbottom">电脑办公</li>
					<li class="mbbottom">手机数码</li>
					<li class="mbbottom">厨卫电器</li>
					<li class="mbbottom">钟表饰品</li>
				</ul>
			</div>
			<div class="flrightdw">
				<div class="lbnybg">
					<div class="rmflk">
						<p class="rmflbt">热门分类</p>
						<ul class="item-list-ul">
							<li>
								<div class="pic">
									<img src="images/cnxhdtu7.jpg" />
									<p>化妆护肤品</p>
								</div>
							</li>
							<li>
								<div class="pic">
									<img src="images/cnxhdtu8.jpg" />
									<p>化妆护肤品</p>
								</div>
							</li>
							<li>
								<div class="pic">
									<img src="images/cnxhdtu9.jpg" />
									<p>化妆护肤品</p>
								</div>
							</li>

							<li>
								<div class="pic">
									<img src="images/cnxhdtu1.jpg" />
									<p>化妆护肤品</p>
								</div>
							</li>
							<li>
								<div class="pic">
									<img src="images/cnxhdtu2.jpg" />
									<p>化妆护肤品</p>
								</div>
							</li>
							<li>
								<div class="pic">
									<img src="images/cnxhdtu3.jpg" />
									<p>化妆护肤品</p>
								</div>
							</li>
							<li>
								<div class="pic">
									<img src="images/cnxhdtu4.jpg" />
									<p>化妆护肤品</p>
								</div>
							</li>
							<li>
								<div class="pic">
									<img src="images/cnxhdtu5.jpg" />
									<p>化妆护肤品</p>
								</div>
							</li>
							<li>
								<div class="pic">
									<img src="images/cnxhdtu6.jpg" />
									<p>化妆护肤品</p>
								</div>
							</li>
						</ul>
					</div>
					<div class="rmflk">
						<p class="rmflbt">热门分类</p>
						<ul class="item-list-ul">
							<li>
								<div class="pic">
									<img src="images/cnxhdtu7.jpg" />
									<p>化妆护肤品</p>
								</div>
							</li>
							<li>
								<div class="pic">
									<img src="images/cnxhdtu8.jpg" />
									<p>化妆护肤品</p>
								</div>
							</li>
							<li>
								<div class="pic">
									<img src="images/cnxhdtu9.jpg" />
									<p>化妆护肤品</p>
								</div>
							</li>

							<li>
								<div class="pic">
									<img src="images/cnxhdtu1.jpg" />
									<p>化妆护肤品</p>
								</div>
							</li>
							<li>
								<div class="pic">
									<img src="images/cnxhdtu2.jpg" />
									<p>化妆护肤品</p>
								</div>
							</li>
							<li>
								<div class="pic">
									<img src="images/cnxhdtu3.jpg" />
									<p>化妆护肤品</p>
								</div>
							</li>
							<li>
								<div class="pic">
									<img src="images/cnxhdtu4.jpg" />
									<p>化妆护肤品</p>
								</div>
							</li>
							<li>
								<div class="pic">
									<img src="images/cnxhdtu5.jpg" />
									<p>化妆护肤品</p>
								</div>
							</li>
							<li>
								<div class="pic">
									<img src="images/cnxhdtu6.jpg" />
									<p>化妆护肤品</p>
								</div>
							</li>
						</ul>
					</div>

				</div>
			</div>

		</div>
		<!----------------底部定位---------------------------->
		<div class="footbg">
			<ul class="foot">
				<li>
					<a href="javascript:void(0);"><img src="images/foottu1.png">
						<br />首页</a>
				</li>
				<li>
					<a href="javascript:void(0);"><img src="images/foottu2.png">
						<br />分类</a>
				</li>
				<li>
					<a href="javascript:void(0);"><img src="images/foottu3.png">
						<br />星粉星币</a>
				</li>
				<li class="ftgwc"><a href="javascript:void(0);"><span>3</span><img src="images/foottu4.png"><br /><b class="dbgwc">购物车</b></a></li>
				<li>
					<a href="javascript:void(0);"><img src="images/foottu5.png">
						<br />我的</a>
				</li>
			</ul>
		</div>
	</body>

</html>